.gradient_bg(@startcolor,@endcolor){
    background-color: @startcolor;
    
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=@startcolor,endcolorstr=@endcolor,gradientType=0);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=@startcolor,endcolorstr=@endcolor,gradientType=0);//IE8   
    background:-moz-linear-gradient(top, @startcolor, @endcolor);  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(@startcolor), to(@endcolor));
    background:-o-linear-gradient(top, @startcolor, @endcolor);
}
.default_main{
    min-width:1373px;
    h2{
        font-size:28px;
        color:#315588;
    }
    .main-top{
        height:80px;
        margin-right:30px;
        >div{height:80px;}
        .weather_infor{
            li{
                float: left;
                width:50px;
                color:#2B4972;
                font-size:12px;
                font-weight: bold;
                img{
                    width:40px;height:36px;
                    margin-top:5px;
                  }
                span{
                    display: inline-block;
                    height:20px;
                }
                span.weather{
                    font-size:18px;
                }
                p{
                    height:20px;
                    line-height: 20px;
                    
                    padding-top:5px;
                }
            }
            li.date_infor{
                width:60px;
                span{line-height: 30px;}
            }
        }
    }
    
    .panel-heading{
        font-size: 16px;
        font-weight:bold;
         i{
             display: inline-block;
             width:18px;
             height:18px;
             background: url(../imgs/icon_wait.png) no-repeat center 0;
             
             position: relative;
             top:3px;
         }
     }
    .main-left{
        width:62%;
        min-width:830px;
        height:530px;
        float:left;
         border:1px solid #C8D1D6;
         border-radius: 5px;
         box-shadow: 0 0 2px #C8D1D6;
         .wait-things{
             .panel-heading{
                 i{margin-right:10px;margin-left:20px;}
                
             }
             .panel-body{
                 padding:0 10px;
                 height:478px;
                 i{
                     display: inline-block;
                     width:14px;
                     height:14px;
                     margin-right:20px;
                     
                     position: relative;
                     top:2px;
                 }
                 .already{
                     color:#95E200;
                     >i{
                     
                     background: url(../imgs/table_already.png) no-repeat 0 0;
                 }
                 }
                 .wait_deal{
                     color:#FF0C00;
                     >i{
                        background: url(../imgs/table_wait_deal.png) no-repeat 0 0;
                    }
                 }
                 .dealing{
                     color:#0B7BE0;
                     >i{
                         background: url(../imgs/table_dealing.png) no-repeat 0 0;
                     }
                 }
                 .pause{
                     color:#505050;
                     >i{
                         background: url(../imgs/table_pause.png) no-repeat 0 0;
                     }
                 }
             }
         }
    }
    .main-right{
        margin-left:63%;
        width:37%;
        min-width:490px;
        .panel.public_notice{
            height:255px;
            border:1px solid #C8D1D6;
            border-radius: 5px;
            box-shadow: 0 0 2px #C8D1D6;
            .layui-tab-card>.layui-tab-title{
                background-color: #DCE2E5;
    
                filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#DCE2E5,endcolorstr=#D0D9DD,gradientType=0);
                -ms-filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#DCE2E5,endcolorstr=#D0D9DD,gradientType=0);//IE8   
                background:-moz-linear-gradient(top, #DCE2E5, #D0D9DD);  
                background:-webkit-gradient(linear, 0 0, 0 bottom, from(#DCE2E5), to(#D0D9DD));
                background:-o-linear-gradient(top, #DCE2E5, #D0D9DD);
            }
            .layui-tab-item{height:183px;}
            .notice_list{
                padding:4px 30px;
                >li{
                    height:35px;
                    line-height:35px;
                    a{
                        color:#758899;
                        &:hover{
                            color:#375160;
                        }
                    }
                }
            }
            .layui-tab{margin:0;}
            .layui-tab-title .layui-this {
                color: #375160;
                background: #F2F2F5;
//              background: url(../imgs/tab_bg_this.png) no-repeat 0 0;
            }
            .layui-tab-title li{
                font-size: 16px;
                background: #D6DEE1;
                border-right: 1px solid #C8D1D6;
//              background: url(../imgs/tab_bg.png) no-repeat 0 0;
                 i{
                     display: inline-block;
                     width:20px;
                     height:18px;
                     background: url(../imgs/icon_tell.png) no-repeat center 0;
                     
                     position: relative;
                     top:3px;
                     margin-right:5px;
                 }
            }
            .layui-tab-title .decide i{
                background: url(../imgs/icon_decide.png) no-repeat 0 0;
            }
            .layui-tab-title .rule i{
                background: url(../imgs/icon_rule.png) no-repeat 0 0;
            }
        }
        .cards{
            li{
                width:23%;
                height:118px;
                border:1px solid #C8D1D6;
                border-radius: 5px;
                box-shadow: 0 0 2px #C8D1D6;
                .gradient_bg(#fff,#EEF2F4);
                
                float:left;
                margin-right:2%;
                margin-top:17px;
                text-align: center;
                i{
                    display: inline-block;
                    width:30px;
                    height:30px;
                    background: url(../imgs/card_01.png) no-repeat 0 0;
                    
                    margin-top:30px;
                }   
                p{
                    font-size: 18px;
                    margin-top:10px;
                }         
            }
            li.nomar{
                margin-right:0;
            }
            li.attendance i{
                background: url(../imgs/card_02.png) no-repeat 0 0;
            }
            li.ward i{
                background: url(../imgs/card_03.png) no-repeat 0 0;
            }
            li.complaint i{
                background: url(../imgs/card_04.png) no-repeat 0 0;
            }
            li.more i{
                background: url(../imgs/card_05.png) no-repeat 0 0;
                margin-top:45px;
            }
        }
    }
}
